<template>
    <div id="app">
        <Login></Login>
        <Topbar></Topbar>
        <Header></Header>

        <router-view />
        <Footer></Footer>
    </div>
</template>
<script>
import Topbar from '@/components/Topbar.vue';
import Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue';
import Login from '@/components/Login.vue';

export default {
    components: {
        Topbar,
        Header,
        Footer,
        Login,
    },
};
</script>

<style lang="less">
// #app {
//   font-family: Avenir, Helvetica, Arial, sans-serif;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
//   text-align: center;
//   color: #2c3e50;
// }
</style>
